@charset "utf-8";
*{padding:0;margin:0;}
li{list-style: none;}

#wrap{width:100%;}

#kalendar{width:100%;margin:0 auto;}
/* 选择年月 的行 */
#kalendar tr#select{height:30px;background:#eee;display: none;}
#kalendar tr#select td{clear:both;}
#kalendar tr#select td div{float:left;width:160px;height:30px;line-height:30px;}
#kalendar tr#select #year,#kalendar tr#select #month{width:135px;padding-left:20px;}
#select #year ul,#select #month ul{clear:both;}
#select #year ul li,#select #month ul li{float:left;width:30px;}
#select #year ul li input,#select #month ul li input{width:30px;text-align:30px;cursor:pointer;}
#select #year ul li.selectChange,#select #month ul li.selectChange{width:70px;height:10px;}
#select #year ul li.selectChange select,#select #month ul li.selectChange select{width:70px;padding-left:2px;cursor:pointer;}
#select #year ul li.selectChange select option,#select #month ul li.selectChange select option{padding-left:5px;}

/* 星期表头 的行 */
#kalendar tr#week{height:50px;}
#kalendar tr#week td ul{width:100%;clear:both;}
#kalendar tr#week td ul li{float:left;width:36px;height:36px;line-height:36px;text-align:center;margin:0 1px 0 0;background:#eee;}

/* 某月具体日期 的每一行 */
#kalendar tr#day ul.dayList{width:100%;height:50px;clear:both;margin:1px auto;border-right: 1px solid #eee;}
#kalendar tr#day ul.dayList li{float:left;width:36px;height:50px;text-align:center;border-left:1px solid #eee;border-bottom: 1px solid #eee; background:#fff;cursor:pointer;}
#kalendar tr#day ul.dayList li .p1{line-height:20px;color: #333;padding-top: 6px;}
#kalendar tr#day ul.dayList li .p2{line-height: 14px;font-size: 13px;color: #888;display: inline-block;width: 100%;text-align: center;}
#kalendar tr#day ul.dayList li .p3{line-height: 14px;font-size: 13px;color: #888;display: inline-block;width: 100%;text-align: center;}
/* 日期占用行数(4-6行)，将不需要显示的行隐藏 */
#kalendar tr#day ul.hide{display:none;}
/* 周末 的特殊样式 */
#day .weekend{background: #f4f7f9 !important;}
#day .weekend p{color: #aaa !important;}

/* 下面几个样式注意顺序，选择器不能简写，否则日历中 今天 的样式会被鼠标滑过的样式替换 */
/* 鼠标经过某个日期 的特殊样式 */
#kalendar tr#day td ul.dayList li.mouseFloat{background:#abcdef;}
/* 当天是周末 的特殊样式 */
#kalendar tr#day td ul.dayList li.todayWeekend{background:#abcdef;font-weight:700;}
#kalendar tr#day td ul.dayList li.todayWeekend p{color:#EA0000;}
/* 当天 的特殊样式 */
#kalendar tr#day td ul.dayList li.today{background:#abcdef;font-weight:700;}
#kalendar tr#day td ul.dayList li.today p{color: #EA0000;}
